<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订单详情</title>
</head>
<body>
<!-- templates/fragments/order/order-details.html -->
<div th:fragment="order-details" class="order-details-modal" id="orderDetailsModal">
    <div class="order-details__content">
        <div class="order-details__header">
            <h3>订单详情 <span class="order-id"></span></h3>
            <div class="order-drawer-close-btn">&times;</div>
        </div>
        <div class="order-summary">
            <div class="summary-item">
                <span>订单总额：</span>
                <span class="total-amount">¥0.00</span>
            </div>
            <div class="summary-item">
                <span>押金总额：</span>
                <span class="deposit-amount">¥0.00</span>
            </div>
            <div class="summary-item">
                <span>租赁周期：</span>
                <span class="lease-period">2023-01-01 至 2023-01-07</span>
            </div>
        </div>
        <div class="order-items" id="orderItems">
            <!-- 器材列表动态加载 -->
        </div>
    </div>
</div>
</body>
</html>